*{margin: 0;padding: 0;}
li{
    list-style: none;
    float: left;
}
a{
    font-family: "微软雅黑";
    text-decoration: none;
}

//顶部部分开始（包括最顶部和搜索）
#header{
    width: 100%;
    height: 155px;
    .header1{
        width: 100%;
        height: 37px;
        background: #F3F3F3;
        .header1in{
            width: 1210px;
            height: 37px;
            margin: 0 auto;
            .headerul1{
                width: 566px;
                height: 36px;
                float: left;
                li{
                    width: 112px;
                    height: 36px;
                    a{
                        display: block;
                        color: #555555;
                        text-align: center;
                        margin-top: 7px;
                        height: 14px;
                        font-size: 12px;
                        border-right: 1px solid #B7B7B7;
                    }
                }
            }
            .headerul2{
                width: 480px;
                height: 36px;
                float: right;
                li{
                    width: 80px;
                    height: 36px;
                    a{
                        display: block;
                        color: #555555;
                        text-align: center;
                        margin-top: 7px;
                        height: 14px;
                        font-size: 12px;
                        border-right: 1px solid #B7B7B7;  
                        &:hover{
                            color: #E02726;
                        }
                    }
                }
            }
        }
    }
    .header2{
        width: 1210px;
        height: 88px;
        margin: 0 auto;
        margin-top: 30px;
        .header_logo{
            display: block;
            float: left;
        }
        .search_header2{
            float: right;
            width: 386px;
            height: 40px;
            border: 1px solid #DFDFDF;
            &:hover{
                border: 1px solid #DD2726;
            }
            span{
                width: 33px;
                height: 38px;
                float: left;
                background: url(../images/icon_index.png) 10px 10px no-repeat;
            }
            input{
                width: 260px;
                float: left;
                height: 38px;
                color: #a9a9a9;
                border: none;
            }
            a{
                display: block;
                width: 93px;
                height: 40px;
                background: #DD2726;
                text-align: center;
                line-height: 40px;
                color: white;
                float: left;
            }
        }
    }
}

//导航 start
#navAll{
    width: 100%;
    height: 46px;
    border-bottom: 2px solid #DD2726;
    .nav{
        width: 1210px;
        height: 44px;
        margin: 0 auto;
        position: relative;
        .pullDown{
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            &:hover{
                .pullDownList{
                    display: block;
                }
            }
            .pullDownTitle{
                width: 233px;
                height: 48px;
                background: #C40000;
                a{
                    color: #fff;
                    font-weight: normal;
                    text-align: center;
                    line-height: 46px;
                    font-size: 16px;
                    display: block;
                }
            }
            .pullDownList{
                width: 233px;
                height: 400px;
                display: none;
                opacity: 0.9;
                li{
                    width: 233px;
                    height: 49px;
                    line-height: 49px;
                    background: #302A36;
                    border-bottom: 1px solid #515151;
                    &:hover{
                        background: #DD2726;
                    }
                    i{
                        margin-top: 5px;
                        margin-left: 40px;
                        float: left;
                    }
                    a{
                        display: block;
                        color: white;
                        font-weight: normal;
                        text-align: center;
                        float: left;
                    }
                    span{
                        margin-left: 60px;
                        color: white;
                        float: left;
                    }
                }
            }
        }
        .menu{
            margin-left: 270px;
            width: 900px;
            float: left;
            .menu_first_li{
                color: #DD2726;
            }
            li{
                width: 100px;
                height: 44px;
                a{
                    line-height: 44px;
                    color: #333333;
                    padding: 0 16px;
                    &:hover{
                        color: #dd2726;
                    }
                }
                em{
                    color: #ccc;
                    font-size: 16px;
                    font-style: normal;
                }
            }
        }
    }
}
//导航 end

//商品列表页部分开始 
#w_con{
    width: 1210px;
    height: auto;
    margin: 0 auto;
    .w_guide{
        width: 1210px;
        height: 60px;
        position: relative;
        a{
            position: absolute;
            top: 20px;
            font-size: 14px;
            color: #666666;
            font-weight: normal;
            &:hover{
                color: #dd2726;
            }
        }
        .w_guide_index{
            left: 0;
            width: 41px;
            height: 19px;
            background: url(../images/list/for_03.png) 36px 5px no-repeat;
       }
       .w_guide_allgoods{
           left: 51px;
           width: 69px;
           height: 19px;
           background: url(../images/list/for_03.png) 64px 5px no-repeat;
       }
       .w_accord{
           left: 131px;
           width: 69px;
           height: 19px;
           color: #dd2726;
       }
    }
    .w_goods_nav{
        width: 1210px;
        height: auto;
        border: 1px solid #dddddd;
        margin: 0 auto;
        h2{
            width: 1196px;
            height: 50px;
            font-size: 16px;
            font-weight: normal;
            color: #333;
            padding-left: 14px;
            line-height: 50px;
            border-bottom: 1px solid #ddd;
            span{
                font-size: 12px;
                a{
                    color: #dd2726;
                    margin: 0px 4px;
                    font-size: 14px;
                }
            }
        }
        .w_choose{
            width: 1210px;
            height: auto;
            margin-top: 30px;
            margin-bottom: 10px;
            .w_choose_list{
                width: 1208px;
                height: 126px;
                dd{
                    width: 150px;
                    height: 126px;
                    border-right: 1px solid #dddddd;    
                    float: left;
                    .w_selected{
                        width: 150px;
                        height: 126px;
                        .w_icon{
                            display: block;
                            width: 150px;
                            height: 90px;
                            background: url(../images/list/tb_03.png) no-repeat;
                            transition: 0.5s;
                           
                        }
                        b{
                            display: block;
                            width: 150px;
                            text-align: center;
                            height: 35px;
                            font-weight: 100;
                            font-size: 14px;
                            color: #666666;
                            &:hover{
                                color: #dd2726;
                            }
                        }
                        .w_icon_one{
                            background-position: 0px 0px;
                             &:hover{
                                background: url(../images/list/tb_03.png) 0 -130px no-repeat;
                            }
                        }
                        .w_icon_two{
                            background-position: -166px 0px;
                            &:hover{
                                background: url(../images/list/tb_03.png) -166px -130px no-repeat;
                            }
                        }
                        .w_icon_three{
                            background-position: -331px 0px;
                            &:hover{
                                background: url(../images/list/tb_03.png) -331px -130px no-repeat;
                            }
                        }
                        .w_icon_four{
                            background-position: -495px 0px;
                            &:hover{
                                background: url(../images/list/tb_03.png) -495px -130px no-repeat;
                            }
                        }
                        .w_icon_five{
                            background-position: -662px 0px;
                            &:hover{
                                background: url(../images/list/tb_03.png) -662px -130px no-repeat;
                            }
                        }
                        .w_icon_six{
                            background-position: -828px 0px;
                            &:hover{
                                background: url(../images/list/tb_03.png) -828px -130px no-repeat;
                            }
                        }
                        .w_icon_seven{
                            background-position: -992px 0px;
                            &:hover{
                                background: url(../images/list/tb_03.png) -992px -130px no-repeat;
                            }
                        }
                        .w_icon_eight{
                            background-position: -1157px 0px;
                            &:hover{
                                background: url(../images/list/tb_03.png) -1157px -130px no-repeat;
                            }
                        }
                    }
                }
            }
            .w_all_class{
                width: 1188px;
                height: 30px;
                margin-top: 40px;
                padding-left:20px;
                dl{
                    width: 1208px;
                    height: 30px;
                    font-size: 13px;
                    color: #666;
                    .c_newgoods_brand_name{
                        width: 64px;
                        height: 20px;
                        float: left;
                    }
                    .w_specific_class1{
                        width: 1120px;
                        height: 30px;
                        float: left;
                        ul{
                            li{
                                a{
                                    color: #666666;
                                }
                                width: 80px;
                                height: 20px;
                                text-align: center;
                                margin-left: 20px;
                            }
                            .w_specific_class1_all{
                                background: #DD2726;
                                a{
                                    color:white;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .w_product_con{
        width: 1195px;
        height: 30px;
        margin: 0 auto;
        margin-top: 7px;
        margin-bottom: 7px;
        padding-left:15px ;
        position: relative;
        .w_new{
            width: 1190px;
            height: 30px;
            font-size: 12px;
            color: #808080;
            line-height: 30px;
            dd{
                width: 70px;
                height: 30px;
                border: 1px solid #DDDDDD;
                text-align: center;
                margin-left: 8px;
                float: left;
                a{
                    display: block;
                    width: 70px;
                    height: 30px;
                    color: #808080;
                }
                .w_announced{
                    color: white;
                    background: #DD2726;
                }
            }
        }
        .c_join_all{
            position: absolute;
            right: 0px;
            top: 0px;
            display: block;
            width: 98px;
            height: 32px;
            background: #dd2726;
            border-radius: 4px;
            border-bottom: 2px solid #dd2726;
            font-size: 16px;
            color: #fff;
            line-height: 32px;
            text-align: center;
            cursor: pointer;
        }
    }
    
    
    
    
    
    
    
    
    
//  商品列表开始
    .w_goods_con{
        width: 1210px;
        height: auto;
        margin: 0 auto;
        
        .w_goods_one{
            width: 1210px;
            overflow: hidden;
            margin-left: 1px;
            .w_goods_details {
                    width: 300px;
                    height: 462px;
                    border: 1px solid #DDDDDD;
                    margin-top: 5px;
                    margin-bottom: 5px;
                    z-index: -1;
                    
                    &:hover{
                        border: 1px solid red;
                        z-index: 10;
                    }
                    .g_img{
                        width: 200px;
                        height: 200px;
                        margin: 0 auto;
                        margin-top: 10px;
                    }
                    .g_name{
                        display: block;
                        width: 264px;
                        height: 18px;
                        margin: 0 auto;
                        overflow: hidden;
                        white-space: nowrap;
                        font-size: 13px;
                        color: #333333;
                        margin-top: 10px;
                        &:hover{
                            color: #DD2726;
                            text-decoration: underline;
                        }
                    }
                    b{
                        display: block;
                        width: 265px;
                        height: 17px;
                        font-weight: 100;
                        font-size: 12px;
                        color: #999;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        margin: 0 auto;
                        margin-top: 10px;
                    }
                    .g_line{
                        width: 245px;
                        height: 6px;
                        background: #EEEEEE;
                        margin: 0 auto;
                        margin-top: 17px;
                        span{
                            display: block;
                            height: 6px;
                            background: #DD2726;
                        }
                    }
                    .g_number{
                        width: 265px;
                        height: 52px;
                        margin: 0 auto;
                        margin-top: 10px;
                        .li_top{
                            width: 86px;
                            height: 19px;
                            color: #333;
                            text-align: center;
                            font-size: 14px;
                            border: none;
                        }
                        .li_bottom{
                            width: 86px;
                            height: 17px;
                            text-align: center;
                            color: #999;
                            font-size: 12px;
                            margin-top: 5px;
                            border: none;
                        }
                    }
                    .c_rob_box{
                        width: 300px;
                        height: 112px;
                        background: #F3F3F3;
                        .c_cumulative_box{
                            width: 300px;
                            height: 28px;
                            padding: 14px 0;
                            text-align: center;
                            position: relative;
                            strong{
                                font-size: 14px;
                                color: #333;
                                font-style: normal;
                                font-weight: 500;
                            }
                            .c_detailsinputs{
                                width: 120px;
                                height: 28px;
                                border: 1px solid #ddd;
                                text-align: center;
                                color: #666;
                                box-sizing: content-box;
                                font-size: 100%;
                            }
                            .c_addnew_subtracts{
                                left: 127px;
                                border-right: 1px solid #ddd;
                                display: block;
                                font-size: 20px;
                                color: #555;
                                position: absolute;
                                width: 30px;
                                height: 30px;
                                top: 14px;
                                cursor: pointer;
                            }
                            .c_addnew_pluss{
                                display: block;
                                font-size: 20px;
                                border-left: 1px solid #ddd;
                                color: #555;
                                position: absolute;
                                width: 30px;
                                height: 30px;
                                top: 14px;
                                cursor: pointer;
                                left: 218px;
                            }
                        }
                        .w_rob{
                            width: 265px;
                            height: 56px;
                            margin: 0 auto;
                            dd{
                                width: 129px;
                                height: 40px;
                                float: left;
                                .w_slip{
                                    width: 127px;
                                    height: 38px;
                                    display: block;
                                    font-size: 16px;
                                    color: #fff;
                                    text-align: center;
                                    line-height: 38px;
                                    background: #DD2726;
                                }
                            }
                            .w_rob_out{
                                margin-right: 0px;
                                background: #fff1ec;
                                margin-left: 5px;
                                .w_rob_in{
                                    color: #dd2726;
                                    border: 1px solid #dd2726;;
                                    width: 127px;
                                    font-size: 16px;
                                    text-align: center;
                                    display: block;
                                    line-height: 38px;
                                    margin: 0px;
                                }
                            }
                        }
                    }
                }
        }
    }
}
//商品列表页部分结束





//最底层部分开始
#foot{
    width: 100%;
    height: 569px;
    .footIn{
        width: 1210px;
        height: 149px;
        border: 1px solid white;
        margin: 0 auto;
        margin-top: 3px;
        li{
            width: 287px;
            height: 120px;
            margin-left: 10px;
            margin-top: 15px;
        }
    }
    .footSupport{
        width: 100%;
        height: 263px;
        margin: 0 auto;
        background: #48464A;
        padding-top: 50px;
        .footSupport_in{
            width: 1210px;
            height: 190px;
            border-bottom: 1px solid #626262;
            margin: 0 auto;
            .footSupport_in_left{
                width: 600px;
                height: 127px;
                margin-left: 10px;
                float: left;
                dl{
                    float: left;
                    width: 146px;
                    height: 127px;
                    background: url(../images/foot.jpg) no-repeat;
                    dt{
                        color: #d8d8d8;
                        font-size: 16px;
                        margin-top: 5px;
                        text-align: center;
                    }
                    dd{
                        text-align: center;
                        margin-top: 10px;
                        a{
                            text-align: center;
                            font-weight: normal;
                            font-style: normal;
                            font-size: 14px;
                            color: #a0a0a0;
                            &:hover{
                                color: #E6E6E6;
                                text-decoration: underline;
                            }
                        }
                    }
                }
            }
            .foot_time{
                width: 272px;
                height: 127px;
                background: url(../images/foot.jpg) no-repeat;
                float: left;
                dd{
                    color: #f3f3f3;
                    font-size: 20px;
                    font-family: "HelveticaNeueLt","Microsoft YaHei","SimHei";
                    height: 32px;
                    line-height: 32px;
                    padding-left: 31px;
                    margin: 10px auto;
                    margin-left: 40px;
                }
            }
            .foot_last{
                width: 278px;
                height: 120px;
                background: url(../images/foot1.png) 0 20px no-repeat;
                float: left;
                a{
                    display: block;
                    width: 49px;
                    height: 49px;
                    float: left;
                    margin-top: 65px;
                    margin-left: 16px;
                }
                    .dlLast-WeChat{
                        width: 49px;
                        height: 49px;
                        background: url(../images/new-icon.png) -128px -33px no-repeat;
                        &:hover{
                            background: url(../images/new-icon.png) -128px -82px no-repeat;
                        }
                    }
                    .dlLast-Sina{
                        width: 49px;
                        height: 49px;
                        background: url(../images/new-icon.png) -194px -33px no-repeat;
                       &:hover{
                            background: url(../images/new-icon.png) -194px -82px no-repeat;
                        }
                    }
                    .dlLast-apple{
                        width: 49px;
                        height: 49px;
                        background: url(../images/new-icon.png) -65px -33px no-repeat;
                        &:hover{
                            background: url(../images/new-icon.png) -65px -82px no-repeat;
                        }
                    }
                    .dlLast-Android{
                        width: 49px;
                        height: 49px;
                        background: url(../images/new-icon.png) 0 -33px no-repeat;
                        &:hover{
                            background: url(../images/new-icon.png) 0 -82px no-repeat;
                        }
                    }
            }
        }
        .footer-time-list{
            width: 1210px;
            height: 73px;
            margin: 0 auto;
            .yFootBottomLeft{
                width: 538px;
                height: 72px;
                line-height: 72px;
                color: #8f8f8f;
                font-size: 14px;
                float: left;
            }
            .yFootBottomRight{
                width: 670px;
                height: 54px;
                float: left;
                margin-top: 8px;
                a{
                    display: block;
                    margin-top: 10px;
                    float: left;
                    margin-left: 5px;
                    img{
                        width: 88px;
                        height: 33px;
                    }
                }
            }
        }
    }
    .footBottom{
        width: 100%;
        height: 62px;
        background: #373638;
        .footBottomInFriend{
            width: 1210px;
            height: 62px;
            margin: 0 auto;
            text-align: center;
            line-height: 62px;
            p{
                color: #8f8f8f;
                font-size: 14px;
                a{
                    color: #8f8f8f;
                    font-size: 14px;
                    margin-left: 10px;
                }
            }
        }
    }
}
//最底层部分结束